{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}{% endblock %}
    </title>
    <link rel="stylesheet" href="{% static 'plugings/bootstrap-4.6.2-dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugings/font-awesome-4.7.0/css/font-awesome.min.css' %}">
    {% block css %}
        <style>
        </style>
    {% endblock %}
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light " style="background-color: ghostwhite;height: 60px">
              <a class="navbar-brand" href="{% url 'index' %}" style="font-size: 35px">Tracer</a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>

              <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto" style="font-size: 25px">
                  <li class="nav-item">
                    <a class="nav-link" href="#">产品功能<span class="sr-only">(current)</span></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">企业方案</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">帮助文档</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="#">价格</a>
                  </li>
                </ul>
                {% if request.tracer.user %}
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" style="margin-right:50px; color: black" ><span style="color: black;font-size: 28px">{{ request.tracer.user.username }}</span></a>
                    <div class="dropdown-menu" style="margin-left: 1500px">
                      <a class="dropdown-item" href="{% url 'project_list' %}">管理中心</a>
{#                      <a class="dropdown-item" href="#">Another action</a>#}
                      <div class="dropdown-divider"></div>
                      <a class="dropdown-item" href="{% url 'logout' %}">退出</a>
                    </div>
                {% else %}
                      <a class="btn" href="{% url 'login' %}" style="margin-right: 50px;font-size: 20px">登 录</a>
                      <a class="btn btn-primary" href="{% url 'register' %}" style="margin-right: 20px;font-size: 20px">注 册</a>
                {% endif %}
              </div>
    </nav>
    {% block content %}{% endblock %}
    <script src="{% static 'plugings/bootstrap-4.6.2-dist/jquery/jquery.js' %}"></script>
    <script src="{% static 'plugings/bootstrap-4.6.2-dist/js/bootstrap.min.js' %}"></script>
    {% block js %}{% endblock %}
</body>
</html>